<style>
	.img-case{width:100%;}
	.img-java{widows: 60%;}
	.glyphicon.glyphicon-remove{color: red;font-size: 24px;}
</style>
<div class="row">
	<ol class="breadcrumb">
		<li><a href="{:U('Index/index')}"><span class="glyphicon glyphicon-home"></span></a></li>
		<li class="active">项目展示</li>
	</ol>
</div>

<div class="row">
	<div class="col-lg-12">
		<h1 class="page-header">项目展示</h1>
	</div>
</div><!--/.row-->

<div class="col-md-12">
	<div class="panel panel-default">
		<div class="panel-body tabs">
			<ul class="nav nav-tabs">
				<li <?php if($type==1){echo 'class="active"';}?> <?php if($type==""){echo 'class="active"';}?>><a href="#tab1" data-toggle="tab">APP开发</a></li>
				<li <?php if($type==2){echo 'class="active"';}?> ><a href="#tab2" data-toggle="tab">JAVA展示</a></li>
				<li <?php if($type==3){echo 'class="active"';}?> ><a href="#tab3" data-toggle="tab">UI展示</a></li>
				<li <?php if($type==4){echo 'class="active"';}?> ><a href="#tab4" data-toggle="tab">H5展示</a></li>
			</ul>

			<div class="tab-content">
				<div class="tab-pane fade <?php if($type==1){echo 'active in';} ?><?php if($type==""){echo 'active in';} ?>" id="tab1">
					<!-- APP开发 -->
					<div class="col-md-12">
						<div class="panel panel-default">
							<div class="panel-heading text-center">
								APP开发
							</div>
							<form action="{:U('CaseShow/pro_display')}" method="post" enctype="multipart/form-data">
								<?php foreach($caselist as $k=>$v) { ?>
								<div class="panel-body col-md-4">
									<img src="<?php echo $v['imgurl'];?>" class="img-case" alt="">
									<p><?php echo $v['content'];?></p>
									<a href="<?php echo U('CaseShow/caseDel',array('id'=>$v['Id'])); ?>" class="pull-right"><span class="glyphicon glyphicon-remove"></span></a>	
								</div>
								<?php } ?>
								<div class="panel-body col-md-12">
									<textarea id="editor_id" name="content" style="width:700px;height:300px;color: #000;resize: none"></textarea>
								</div>
								<div class="form-group col-md-12">
								    <label>上传项目图片</label>
								    <input name="case" type="file">
								    <p class="help-block">请上传项目图片，（大小小于2M）</p>
								    <button type="submit" class="btn btn-primary">确定</button>
								</div>
							</form>
						</div>
					</div>
				</div>
				<div class="tab-pane fade <?php if($type==2){echo 'active in';} ?>" id="tab2">
					<!-- JAVA展示 -->
					<div class="col-md-12">
						<div class="panel panel-default">
							<div class="panel-heading text-center">
								JAVA展示
							</div>
							<form action="{:U('CaseShow/java_display')}" method="post" enctype="multipart/form-data">
								<?php foreach($casejavalist as $k=>$v) { ?>
								<div class="panel-body col-md-4">
									<img src="<?php echo $v['imgurl']; ?>" class="img-java" alt="">
									<p><?php echo $v['content'];?></p>
									<a href="<?php echo U('CaseShow/casejavaDel',array('id'=>$v['Id'])); ?>" class="pull-right"><span class="glyphicon glyphicon-remove"></span></a>	
								</div>
								<?php } ?>
								<div class="panel-body col-md-12">
								<textarea id="editor_id" name="content" style="width:700px;height:300px;color: #000;resize: none"></textarea>
								</div>
								<div class="form-group col-md-12">
								    <label>上传项目图片</label>
								    <input name="casejava" type="file">
								    <p class="help-block">请上传项目图片，（大小小于2M）</p>
								    <button type="submit" class="btn btn-primary">确定</button>
								</div>
							</form>
						</div>
					</div>
				</div>
				<div class="tab-pane fade <?php if($type==3){echo 'active in';} ?>" id="tab3">
					<!-- UI展示 -->
					<div class="col-md-12">
						<div class="panel panel-default">
							<div class="panel-heading text-center">
								UI展示
							</div>
							<form action="{:U('CaseShow/ui_display')}" method="post" enctype="multipart/form-data">
								<?php foreach($caseuilist as $k=>$v) { ?>
								<div class="panel-body col-md-4">
									<img src="<?php echo $v['imgurl'];?>" class="img-ui" alt="">
									<p><?php echo $v['content'];?></p>
									<a href="<?php echo U('CaseShow/caseuiDel',array('id'=>$v['Id'])); ?>" class="pull-right"><span class="glyphicon glyphicon-remove"></span></a>	
								</div>
								<?php } ?>
								<div class="panel-body col-md-12">
								<textarea id="editor_id" name="content" style="width:700px;height:300px;color: #000;resize: none"></textarea>
								</div>
								<div class="form-group col-md-12">
								    <label>上传项目图片</label>
								    <input name="caseui" type="file">
								    <p class="help-block">请上传项目图片，（大小小于2M）</p>
								    <button type="submit" class="btn btn-primary">确定</button>
								</div>										
							</form>
						</div>
					</div>
				</div>
					<!-- H5展示 -->
				<div class="tab-pane fade <?php if($type==4){echo 'active in';} ?>" id="tab4">
					<div class="col-md-12">
						<div class="panel panel-default">
							<div class="panel-heading text-center">
								H5展示
							</div>
							<form action="{:U('CaseShow/h5_display')}" method="post" enctype="multipart/form-data">
								<?php foreach($caseh5list as $k=>$v) { ?>
								<div class="panel-body col-md-4">
									<img src="<?php echo $v['imgurl'];?>" class="img-h5" alt="">
									<p><?php echo $v['content']?></p>
									<a href="<?php echo U('CaseShow/caseh5Del',array('id'=>$v['Id'])); ?>" class="pull-right"><span class="glyphicon glyphicon-remove"></span></a>	
								</div>
								<?php } ?>
								<div class="panel-body col-md-12">
								<textarea id="editor_id" name="content" style="width:700px;height:300px;color: #000;resize: none"></textarea>
								</div>
								<div class="form-group col-md-12">
								    <label>上传项目图片</label>
								    <input name="caseh5" type="file">
								    <p class="help-block">请上传项目图片，（大小小于2M）</p>
								    <button type="submit" class="btn btn-primary">确定</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div><!--/.panel-->
</div>













<script charset="utf-8" src="/editor/kindeditor.js"></script>
    <script charset="utf-8" src="/editor/lang/zh-CN.js"></script>
    <script>
        KindEditor.ready(function(K) {
                window.editor = K.create('#editor_id');
        }); 
</script>